<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="text-[36rpx] pt-[20rpx] flex justify-around text-[#434141]">
            <text @click="current = 0"
                :class="current === 0 ? 'border-[#FD755D]  text-[#FD755D] font-bold border-b-[5rpx]' : 'text-[#434141]'"
                class=" ">课程报名</text>
            <text @click="current = 1"
                :class="current === 1 ? 'border-[#FD755D]  text-[#FD755D] font-bold border-b-[5rpx]' : 'text-[#434141]'"
                class="  ">活动报名</text>
            <text @click="current = 2"
                :class="current === 2 ? 'border-[#FD755D]  text-[#FD755D] font-bold border-b-[5rpx]' : 'text-[#434141]'"
                class="  ">预报名</text>
            <text @click="current = 3"
                :class="current === 3 ? 'border-[#FD755D]  text-[#FD755D] font-bold border-b-[5rpx]' : 'text-[#434141]'"
                class="  ">班级订单</text>
        </view>
        <view v-if="current === 0">
            <view @click="navigateTo('')" class="mt-[10rpx] px-[40rpx] bg-white text-[34rpx]">

                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center">定向招生报名</view>
                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center">青秀区老年大学2024年招生</view>
                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center">青秀区2024年广场舞大赛</view>
            </view>
            <view @click="navigateTo('')" class="mt-[10rpx] px-[40rpx] bg-white text-[34rpx]">

                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center">青秀区2024年书法大赛</view>
                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center">青秀区2024年秋季招生</view>

            </view>
        </view>
        <view v-if="current === 3">
            <view @click="navigateTo('/pages/classOrderDetails/classOrderDetails')" class="mt-[10rpx] px-[40rpx] bg-white text-[34rpx]">

                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center flex items-start justify-center">书法一班班会费 <view class="w-[16rpx] h-[16rpx] bg-[#FD755D] rounded-full"></view></view>
                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center">声乐一班研学费</view>
                <view class="py-[30rpx] border-b border-[#EFEFEF] text-center">舞蹈班服装费</view>
            </view>
        </view>
    </view>
</template>
<script setup>
import { ref } from 'vue'
const current = ref(0)
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>